﻿<%-- The following 4 lines are ASP.NET directives needed when using SharePoint components --%>
<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" language="C#" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<asp:Content ID="ContentTitle" ContentPlaceHolderID="PlaceHolderPageTitle" runat="server">
    QRCode App Help
</asp:Content>

<asp:Content ID="ContentPageTitle" ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server">
    <span id="page-help-title-area">QRCode App Help</span>
</asp:Content>

<%-- The markup and script in the following Content element will be placed in the <head> of the page --%>
<asp:Content ID="Content1" ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">
    <link rel="stylesheet" href="../Css/AppBack.css" />
    <script type="text/javascript" src="../Scripts/jquery-1.6.2.min.js"></script>
</asp:Content>

<%-- The markup and script in the following Content element will be placed in the <body> of the page --%>
<asp:Content ID="Content2" ContentPlaceHolderId="PlaceHolderMain" runat="server">

    <div class="help-content">

        <h2 id="about-app-part">About this App Part</h2>

        <p id="help-intro">
            The QRCode App is an app part to generate dynamically QRCode in your SharePoint's pages.
            With this app part, you can insert qrcode with the URL or text of your choice and choose the size that you want.
        </p>
        
        <h2 id="how-to-use">How to use QRCode App Part ?</h2>

        <p id="edit-carousel-add-app-part">
            To use this app in your sharepoint site (aka "app host web"), 
            you need to have an editable page (web part page or wiki page). 
            Edit the page, and click on the "Insert" tab in the ribban. Click on "App part", 
            choose the app part called "QRCode App Part", and finally click on "Add" button:
        </p>
        
        <img src="../Images/Help01.png" alt="App Part Help"/>

        <p id="edit-menu-modify-properties">
            When the app part is inserted, you can save and close the page edit mode, or 
            click on the app part edit menu to modify properties:
        </p>

        <img src="../Images/Help02.png" alt="App Part Help"/>
        <p>&nbsp;</p>

        <h2 id="app-part-properties">App Part properties</h2>
    
        <p id="edit-app-part-properties">When you're editing the app part properties, you can change the following custom properties:</p>

        <table>
            <thead>
                <tr>
                    <td><span id="table-property-header-name">Name</span></td>
                    <td><span id="table-property-header-category">Category</span></td>
                    <td><span id="table-property-header-type">Type</span></td>
                    <td><span id="table-property-header-description">Description</span></td>
                </tr>
            </thead>
            <tbody>
                <tr class="classical">
                    <td class="first"><span id="table-property-numthumbs">QR Code Text</span></td>
                    <td><span id="table-property-numthumbs-category">QRCode Settings</span></td>
                    <td><span id="table-property-numthumbs-type">String</span></td>
                    <td><span id="table-property-numthumbs-description">QR code associated text or url. By default, this value is the host web url.</span></td>
                </tr>
                <tr class="alternate">
                    <td class="first"><span id="table-property-maxpagestoshow">QR Code Width</span></td>
                    <td><span id="table-property-maxpagestoshow-category">QRCode Settings</span></td>
                    <td><span id="table-property-maxpagestoshow-type">Integer</span></td>
                    <td><span id="table-property-maxpagestoshow-description">QR code width. Default value is 200 px.</span></td>
                </tr>
                <tr class="classical">
                    <td class="first"><span id="table-property-enabletoppager">QR Code Height</span></td>
                    <td><span id="table-property-enabletoppager-category">QRCode Settings</span></td>
                    <td><span id="table-property-enabletoppager-type">Integer</span></td>
                    <td><span id="table-property-enabletoppager-description">QR code height. Default value is 200 px.</span></td>
                </tr>
                <tr class="alternate">
                    <td class="first"><span id="table-property-enablebottompager">Render Mode</span></td>
                    <td><span id="table-property-enablebottompager-category">QRCode Settings</span></td>
                    <td><span id="table-property-enablebottompager-type">Enum</span></td>
                    <td><span id="table-property-enablebottompager-description">QR code render html method. The value could be canvas or html table. Default value is Cancas.</span></td>
                </tr>
                <tr class="classical">
                    <td class="first"><span id="table-property-autostart">Custom CSS File Url</span></td>
                    <td><span id="table-property-autostart-category">QRCode Settings</span></td>
                    <td><span id="table-property-autostart-type">String</span></td>
                    <td><span id="table-property-autostart-description">Indicates if you want to specify a custom CSS file URL.</span></td>
                </tr>
            </tbody>
        </table>
        
        <h2 id="more-information-and-support">More information and support</h2>

        <p id="help-footer">
            Because the program is licensed free of charge, there is no warranty for the program, to the extent permitted by applicable law.  
            Except when otherwise stated in writing the copyright holders and/or other parties provide the program "as is" without 
            warranty of any kind, either expressed or implied, including, but not limited to, the implied warranties of merchantability 
            and fitness for a particular purpose.  The entire risk as to the quality and performance of the program is with you.  
            Should the program prove defective, you assume the cost of all necessary servicing, repair or correction. 
            If you want to report a bug or a feature request, you can use the 
            <a href="https://qrcodeapp.codeplex.com/workitem/list/basic" target="_blank">Issue Tracker</a> of the Codeplex site. 
        </p>
    
    </div>

</asp:Content>
